<!--
 * @Author: windys
 * @Description: 
 * @Date: 2022-02-15 14:29:17
-->
<template>
  <div class="members_page">
    <div class="item" v-for="item in members" :key="item.account">
      <van-image width="30" height="30" round :src="item.avatar" />
      <span>{{ item.nick }}</span>
    </div>
  </div>
</template>


<script >
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    members: {
      type: Array,
      default: () => [],
    },
  },
  setup() {},
});
</script>



<style lang="scss" scoped>
.members_page {
  background: #191c26;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  padding: 5px 20px;
  .item {
    display: flex;
    line-height: 30px;
    margin: 5px 0;
    font-size: 14px;
    span {
      margin-left: 20px;
      color: #fff;
    }
  }
}
</style>